<template>
  <div class="about">
    <h1>This is an about page</h1>
    <p>{{obj.name}}--{{obj.age}}--{{obj.sex}}</p>
    <button @click="obj.age++">修改年龄</button>
  </div>
</template>

<script lang="ts">
import {defineComponent} from "vue";
export default defineComponent({
    name:"AboutView",
})
</script>

<script lang="ts" setup>
import {reactive} from "vue";
interface ObjType{
    name:string,
    age:number,
    sex:string
}
let obj = reactive<ObjType>({name:"miss",age:30,sex:"woman"})
</script>
